<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>弹性盒练习</title>
		<style>
			* {
				margin: 0;
				padding: 0;
			}
			ul {
				list-style: none;
				display: flex;
			}
			.center {
				width: 1000px;
				margin: 0 auto;
			}
			.server {
				background-color: #e8e8e8;
			}
			ul li {
				width: 250px;
				text-align: center;
				margin: 50px 0;
			}
		</style>
	</head>
	<body>
		<div class="server">
			<div class="center">
				<!-- ul>li*4>img+p -->
				<ul>
					<li>
						<img src="img/icon1.png">
						<p>品质保障</p>
					</li>
					<li>
						<img src="img/icon2.png">
						<p>私人订制</p>
					</li>
					<li>
						<img src="img/icon3.png">
						<p>学员特供</p>
					</li>
					<li>
						<img src="img/icon4.png">
						<p>专属特权</p>
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>